<!DOCTYPE html>
<html class="no-js"  lang="en">
  <head>
  
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no">
    <link rel="shortcut icon" href="/images/favicon.ico" type="image/x-icon">
    <meta http-equiv="Cache-Control" content="no-transform" />
    <title>{$title}</title>
    <meta name="keywords" content="{$keywords}" />
    <meta name="description" content="{$title}" />
  </head>
  <body>
  	
			
            <!-- header -->
            <header id="header" class="header" style="display:none;">
            	<div class="container-fluid">
                	<hgroup>
                        <!--
                        <p>  
                          <b>contact us(QQ):597909029</b>
                        </p>
                       -->
                        <p>  
                          <b><a href="/" title="Picxa"><a href="/" title="Picxa">我的梦想世界(www.wdmxsj.com)</a></a></b>
                        </p>
                    
                    </hgroup>
                </div>
            </header>
            <!-- header -->
            <!-- main-wrapper-inner -->
            <style>
            .main-wrapper-inner{margin:0;}
            .details-image{width: 100%;padding: 0;margin: 0;}
            .button{position: fixed;top:50%;z-index: 66;background: grey;width: 40px;height: 60px;margin-top: -20px;text-align: center;}
            .button_l{left:0;}
            .button_r{right: 0}
            .page{width: 100%;height: 40px;line-height: 40px;text-align: center;font-size: 16px;color: white;}
            .button_l:before{content:'<';line-height: 60px;color: #fff;font-size: 18px;}
            .button_r:after{content:'>';line-height: 60px;color: #fff;font-size: 18px;}
            .wrapper-inner{padding-bottom: 0px;}
            .p_s{z-index: 66;opacity:0.3;position: fixed;bottom: 0;left: 0;}
            .img-responsive{margin: 0 auto;width: 100%;height: 100%;}
            .main-wrapper-inner{text-align: center;}
            body{background: #000;padding: 0 10px;margin:0;}
            @media screen and (min-width: 1200px) {
                .details-image{width: 50%;padding: 0;margin: 0;}
            }
            </style>
        	<main class="main-wrapper-inner" id="container">
            	<div class="container">
                	<div class="wrapper-inner">
<p class='page'><span class="now_p">1</span>/<span class="tota">9</span></p>
                  <?php $new_list=$list[0];?>
                    	<!-- details-image -->
                        <center>
                    	<figure class="details-image">
                        	<img src="http://msource.wdmxsj.com/{$new_list.url}" alt="" class="img-responsive img_show"/>
                            <div class="p_s"><span style="float:right;">源自@{$source}</span>
                            <!--   
                                <b><span style="margin-left:6%;"><span class="now_p">1</span>/<span class="tota">9</span></b>
                            -->
                            </div>
                        </figure>
                        </center>
                    <!--    
                        <div class="button"><center><span class="prev">上一张</span><span style="margin-left:6%;"><span class="now_p">1</span>/<span class="tota">9</span></span><span class="next" style="margin-left:6%;">下一张</span></center></div>
                    -->                        
                    <div class="button button_l"><span class="prev"></span></div><div class="button button_r"><span class="next"></span></div>
                        <!-- details-image -->
                    </div>

                         <!-- content -->
                        <div class="details-content" style="display:none;">
                            <!-- right -->
                            <section class="inner-right">
                                <p>{$title}</p>
                                <p>{$content}</p>
                            <!--   
                                <header>
                                    <h2>源自@{$source}</h2>
                                </header>
                            -->
                            </section>
                            <!-- right -->
                        </div>
                        <!-- content -->                         
                </div>
            </main>
          <!-- main-wrapper-inner -->
         <!-- footer -->

        <!-- footer -->
   

    <!-- jQuery -->
<!--    
    <script src="/https://ajax.googleapis.com/ajax/libs/jquery/2.0.2/jquery.min.js"></script>

    <script>window.jQuery || document.write('<script src="/js/assets/jquery.min.js"><\/script>')</script>
-->    
	<script src="/js/assets/jquery.min.js"></script>
    <!--
    <script src="/js/assets/plugins.js" type="text/javascript"></script>
    <script src="/js/assets/bootstrap.min.js" type="text/javascript"></script>
	<script src="/js/main.js" type="text/javascript"></script>
	<script src="/js/jquery.nicescroll.min.js" type="text/javascript"></script>	
	-->
	<script type="text/javascript">
    $(function(){
        var mycars=new Array()
        var glo_i=0;
        var now_page=1;       
        {volist name="list" id="vo"}
        mycars[glo_i]='{$vo.url}'
        glo_i++;
        {/volist}
        var total_num=glo_i;
        $(".tota").html(total_num)
        $(".button_l").click(function(){
            if(parseInt(now_page)-1<1){
                return;
            }
            real_page=parseInt(now_page-1);
            $(".img_show").attr('src','http://msource.wdmxsj.com/'+mycars[real_page])
            now_page--;
            $(".now_p").html(now_page)

        })  
        $(".button_r").click(function(){
            //console.log(now_page+'_'+total_num)
            if(parseInt(now_page)>total_num-1){
                return;
            }
            real_page=parseInt(now_page);
            $(".img_show").attr('src','http://msource.wdmxsj.com/'+mycars[real_page])
            now_page++
            $(".now_p").html(now_page)
        }) 
    })
    </script>
  </body>
</html>